<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  以 data-* 属性写的叫 自定义数据属性,用来传递数据的
  在js中获取这个数据的时候,拿到当前的元素el,这个元素下有 dateset 这个属性
  凡是以 data-* 绑定的属性都会收集到 el.dateset 这个对象中
  <button id="btn" data-msg="我爱你" data-content="高圆圆">按钮</button>
  <script>
    const el = document.getElementById('btn');

    console.log(el)
    console.log(el.dataset)
    console.log(el.dataset.msg)
    console.log(el.dataset.content)


  </script>

</body>
</html>